<div class="navbar navbar-default" role="navigation">
  <div class="container">
    <div class="navbar-header">
      {% unless page.legacy %}
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      {% endunless %}
			<a class="navbar-brand" href="/">
				<span class="thuhidden">
					{% if site.logo %}
					<picture>
						<source 
							srcset="/static/img/logo-small-dark.png 1x,
											/static/img/logo-small-dark@2x.png 2x,
											/static/img/logo-small-dark@3x.png 3x,
											/static/img/logo-small-dark@4x.png 4x"
							media="(prefers-color-scheme: dark)"/>
						<img src="/static/img/logo-small.png" 
							srcset="/static/img/logo-small.png 1x, 
											/static/img/logo-small@2x.png 2x, 
											/static/img/logo-small@3x.png 3x, 
											/static/img/logo-small@4x.png 4x" 
							alt=""/>
					</picture>
					{% endif %}
					{{ site.school }}</span>开源软件镜像站
			</a>
    </div>
    <div class="{% unless page.legacy %}navbar-collapse collapse {% endunless %}navbar-right">
      <ul class="nav navbar-nav" role="menubar">
        {% unless site.hide_navbar %}
        <li role="none"><a role="menuitem" href="{{ site.homelink }}">HOME</a></li>
        <li role="none"><a role="menuitem" href="https://tuna.moe/events/">EVENTS</a></li>
        <li role="none"><a role="menuitem" href="https://tuna.moe/blog/">BLOG</a></li>
        <li role="none"><a role="menuitem" href="https://tuna.moe/feed.xml">RSS</a></li>
        <li role="none"><a role="menuitem" href="https://podcast.tuna.moe/">PODCAST</a></li>
        <li role="none" class="active"><a role="menuitem" aria-checked="true" href="{{ site.url }}">MIRRORS</a></li>
        {% endunless %}
      </ul>
    </div><!--/.nav-collapse -->
  </div>
</div>
